<template>
	<view class="advantage">
		<view class="item flex_center" v-for="(item,index) in list" :key="index">
			<view class="left">
				<image :src="$util.prefix(item.image)"></image>
			</view>
			<view class="right">
				<text>{{item.title}}</text>
				<view>
					{{item.text}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						image: 'agreement/advantage_icon1.png',
						title: '流量扶持',
						text: '达人可获得专属流量通道，发布的作品可获得更多的关注和曝光'
					},
					
					
					{
						image: 'agreement/advantage_icon2.png',
						title: '带货赚钱',
						text: '利用自身的流量优势，通过领取商家发布的带货任务赚取佣金'
					},
					
					
					// {
					// 	image: 'agreement/advantage_icon3.png',
					// 	title: '新入孵化',
					// 	text: '达人用户可孵化新用户参与带货，可获得被邀请人带货收益的2.5%;发展新用户成为达人，可获得用户带货收益的5%'
					// },
					
					
					{
						image: 'agreement/advantage_icon4.png',
						title: '专属客服',
						text: '达人可享受快捷方便的一对一私人客服服务'
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	page {
		background: #FFFFFF;
	}
	.advantage {
		padding: 40rpx 32rpx 0;
		.item {
			align-items: flex-start;
			margin-bottom: 48rpx;
			.left {
				width: 96rpx;
				height: 96rpx;
				margin-right: 24rpx;
				image {
					width: 96rpx;
					height: 96rpx;
				}
			}
			
			.right {
				flex: 1;
				margin-right: 24rpx;
				
				text {
					color: #131313;
					font-size: 32rpx;
					font-weight: bold;
				}
				
				view {
					color: #999999;
					font-size: 24rpx;
					line-height: 36rpx;
					margin-top: 12rpx;
				}
			}
		}
	}
	
</style>
